{extend name="base"/}
 {block name="content"}
<div id="dcWrap">
 {include file="public:header" /}

<!-- dcHead 结束 --> 
{include file="public:nav" /}
 <div id="dcMain">
   <!-- 当前位置 -->
<div id="urHere">DouPHP 管理中心<b>></b><strong>系统设置</strong> </div>   <div class="mainBox" style="height:auto!important;height:550px;min-height:550px;">
    <h3>
    <a href="{:url('admin/statistics/index')}" class="actionBtn">网站登录统计　｜</a>
    <a href="{:url('admin/statistics/tian')}" class="actionBtn">地图　｜</a>
    <a href="{:url('admin/statistics/weather')}" class="actionBtn">天气因素　｜</a>
     <a href="{:url('admin/statistics/dong')}" class="actionBtn">动态数据　｜</a>
    首页浏览量</h3>
      <div>{$this_month}月访问量:{if condition="$count_all==NULL"} 0 {else /}{$count_all}{/if}</div>
      <div id="main" style="width: 1500px;height:600px;"></div>
      <script src="__STATIC__/admin/js/echarts.js"></script>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
    var day= {$monthday};
    //alert(day);
    var count_ip={$count_ip};
    var this_month={$this_month};
    //alert(count_ip);
        option = {
    title: {
        text: this_month+'月访问量统计'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        data:['日访问量']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    toolbox: {
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type: 'category',
        boundaryGap: false,
        data: day
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name:'日访问量',
            type:'line',
            stack: '总量',
            data:count_ip
        },
        
    ]
};


        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
    <div>
        {foreach name="month" item="vo"}
        <a href="{:url('admin/statistics/index',['month'=>$vo['id']])}"><button  id="btn1"> {$vo.id}月 </button></a>　
        {/foreach}
    </div>   
   </div>
 </div>
</div>
 <div class="clear"></div>
{/block}